 ....loading....
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body>
</body>
</html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<style media="screen" type="text/css">
</style>
<title>Avactis PHP shopping cart software</title>
<meta content="Avactis PHP shopping cart is a software package that allows you to open an online store on the Internet. Easy integration of an online store into an existing website. No programming skills are required to modify the design of online store components: the templates can be edited in any WYSIWYG HTML editor." name="description">
<meta content="avactis, shopping cart, easy shopping cart, php shopping cart, WYSIWYG templates, webstore, webshop, online shop software, e-shop, e-store, e-commerce, store, php, php5, mysql" name="keywords">
<meta content="Avactis Team" name="author">
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-type">
<link type="text/css" rel="stylesheet" href="http://demo.avactis.com/1.9.1/avactis-themes/avactis.1.9.1.theme.green/css/style.combined.07da95f4eb194d76e2a6c3390cc731a0.css">
1/*
2 COMMON STYLES
3*/
4
5html { height: 100%; }
6
7body {
8 width: 998px;
9 min-width: 978px;
10 min-height: 100%;
11 background: #bcdaa3;
12 color: #575757;
13 font-family: Verdana, Sans-serif;
14 font-size: 9pt;
15 margin: 0px auto;
16 padding: 0px;
17}
18
19.page_background {
20 position: relative;
21 background-color: white;
22 padding: 0px 10px 0px 10px;
23}
24
25input, select, textarea {
26 color: black;
27 border: 1px #96c56f solid;
28 background-color: #eff6ea;
29 font-family: Verdana, Sans-serif;
30 font-size: 8pt;
31}
32
33input:focus, textarea:focus {
34 border: 1px solid #31699E;
35}
36
37.input_checkbox, .input_radio {
38 border: 0;
39 background: none;
40}
41
42.form_field.error input, .form_field.Error input, .form_field.error select, .form_field.error textarea, .form_field.Error textarea,
43input.error, input.Error, select.error, textarea.error {
44 border-color: red;
45 background-color: #ffeeff;
46}
47
48h1, h2 {
49 font-size: 10pt;
50 font-weight: bold;
51}
52
53hr {
54 width: 95%;
55 height: 1px;
56 color: #deecd3;
57 border: 0px;
58 background-color: #deecd3;
59 margin: 0px auto;
60 padding: 0px;
61}
62
63
64a {
65 color: #5B7F9F;
66}
67
68img {
69 border: none;
70}
71
72p, form, .input_hidden {
73 padding: 0px;
74 margin: 0px;
75}
76
77.clear_both {
78 clear: both;
79}
80
81.error_message {
82 color: red;
83 font-size: 10pt;
84 font-weight: bold;
85 border: 1px solid red;
86 text-align: left;
87 padding: 7px 20px 7px 20px;
88 margin: 10px 20px;
89 display: block;
90}
91
92.success_message {
93 color: green;
94 font-size: 10pt;
95 font-weight: bold;
96 border: 1px solid green;
97 text-align: left;
98 padding: 7px 20px 7px 20px;
99 margin: 10px 20px;
100 display: block;
101}
102
103.note {
104 color: #575757;
105 font-size: 8pt;
106 font-weight: normal;
107}
108
109.page_container a {
110 color: #5B7F9F;
111}
112
113.page_container p {
114 margin: 0px 0px 10px 0px;
115}
116
117
118/* ************************************************ */
119/* TREE */
120ul.tree,
121ul.tree li {
122 padding: 0px;
123 margin: 0px;
124 list-style-type: none;
125}
126
127ul.tree {
128 padding-left: 21px;
129 padding-top: 10px;
130}
131
132ul.tree li span {
133 display: block;
134 line-height: 18px;
135 padding-top: 3px;
136}
137
138ul.tree li span a {
139 text-decoration: none;
140}
141
142ul.tree li span.selected,
143ul.tree li span.selected a {
144 color: #ff8400;
145 font-weight: bold;
146}
147
148ul.tree li span:hover,
149ul.tree li span a:hover{
150 background-color: #99c872;
151 text-decoration: underline;
152}
153
154ul.tree li span {
155 padding-left: 10px;
156 margin-left: -10px;
157 padding-right: -11px;
158 margin-right: 11px;
159}
160
161ul.tree li ul li span {
162 padding-left: 30px;
163 margin-left: -50px;
164}
165
166ul.tree li ul li ul li span {
167 padding-left: 50px;
168 margin-left: -90px;
169}
170
171ul.tree li ul li ul li ul li span {
172 padding-left: 70px;
173 margin-left: -130px;
174}
175
176ul.tree li ul li ul li ul li ul li span {
177 padding-left: 90px;
178 margin-left: -170px;
179}
180
181ul.tree li ul li ul li ul li ul li ul li span {
182 padding-left: 110px;
183 margin-left: -210px;
184}
185
186ul.tree li ul li ul li ul li ul li ul li ul li span {
187 padding-left: 130px;
188 margin-left: -250px;
189}
190/* ************************************************ */
191
192
193/* PRODUCT ************************************************ */
194.product_list_price,
195.product_sale_price,
196.product_name,
197.product_name a {
198 font-size: 10pt;
199 font-weight: bold;
200 font-family: Tahoma;
201 color: #404040;
202}
203
204.product_name a:hover {
205 color: #315d86;
206}
207
208.product_list_price {
209 color: #585858;
210}
211
212.product_list_price .value {
213 text-decoration: line-through;
214}
215
216.product_sale_price {
217 color: #c71b31;
218}
219
220.limited_inventory {
221 color: red;
222 font-size: 8pt;
223}
224/* ************************************************ */
225
226
227/* RATING STARTS ********************************** */
228.rating-box {
229 width: 69px;
230 height: 13px;
231 background: url(../images/star_blank.gif) repeat-x;
232 margin: auto auto;
233}
234
235.rating-box .rating {
236 width: 69px;
237 height: 13px;
238 background: url(../images/star_full.gif) repeat-x;
239}
240/* ************************************************ */
241
242
243/* ************************************************ */
244.paginator {
245 color: #404040;
246 font-size: 8pt;
247 font-weight: normal;
248 float: left;
249}
250
251.paginator.products_shown {
252 float: left;
253}
254
255.paginator.line {
256 float: right;
257}
258/* ************************************************ */
259
260
261/* ************************************************ */
262.product-list-sorter {
263 color: #404040;
264 font-size: 8pt;
265 font-weight: normal;
266}
267
268.product-list-sorter ul {
269 display: inline;
270 padding: 0px;
271 margin: 0px;
272}
273
274.product-list-sorter ul li {
275 display: inline;
276 padding: 0px;
277 margin-left: 5px;
278}
279
280.box .product-list-sorter ul li a {
281 color: #5A3333;
282}
283
284.product-list-sorter ul li a:hover {
285 color: #666666;
286}
287/* ************************************************ */
288
289
290/* DISCOUNT *************************************** */
291.discount_star {
292 position: absolute;
293 width: 69px;
294 height: 69px;
295 top: 70px;
296 right: 10px;
297 background: url("../images/discount-star.png") top left no-repeat;
298 text-align: center;
299}
300
301.discount_star span {
302 color: white;
303 display: block;
304}
305
306.discount_star span.label {
307 font-weight: normal;
308 padding: 10px 0px 0px 0px;
309 font-size: 8pt;
310 width: 53px;
311 margin: auto auto;
312}
313
314.discount_star span.value {
315 font-weight: bold;
316 font-size: 10pt;
317}
318/* ************************************************ */
319
320
321
322/* FORMS ****************************************** */
323.form_view .form_row {
324 padding-bottom: 10px;
325 width: 100%;
326 overflow: hidden;
327}
328
329.form_view .form_row {
330 padding-bottom: 5px;
331}
332
333.form_view .form_row .form_descr {
334 float: left;
335 width: 20%;
336}
337
338.form_view .form_row .form_descr.error {
339 color: red;
340}
341
342.form_view .form_row .form_field {
343 margin-left: 20%;
344 width: 80%;
345}
346
347.form_view .form_row .form_field textarea,
348.form_view .form_row .form_field select,
349.form_view .form_row .form_field .input_password,
350.form_view .form_row .form_field .input_file,
351.form_view .form_row .form_field .input_text {
352 width: 90%;
353 margin-left: 0px;
354}
355
356.form_view .form_row .form_field textarea {
357 height: 100px;
358}
359
360.form_view .form_row .form_field .input_radio,
361.form_view .form_row .form_field .input_checkbox {
362 vertical-align: middle;
363}
364
365.form_view .form_row .form_hint {
366 margin-right: 7%;
367}
368/* ************************************************ */
369
370
371/* ************************************************ */
372.product_rating_info {
373 overflow: hidden;
374}
375
376.product_rating_info .label {
377 width: 20px;
378 float: left;
379 clear: left;
380}
381
382.product_rating_info .rating-box {
383 margin: 0px;
384 margin-left: 60px;
385 margin-top: 1px;
386 margin-right: 30px;
387}
388/* ************************************************ */
389
390
391/* ************************************************ */
392.product_review {
393 padding: 15px 15px 0px 15px;
394}
395
396.product_review .review_text {
397 border-bottom: 1px solid #DEDEDE;
398 padding-bottom: 10px;
399}
400
401.product_review .product_review_author .label {
402 font-size: 8pt;
403}
404
405.product_review .product_review_author .author {
406 font-weight: bold;
407}
408
409.product_review .product_review_posted_on {
410 font-size: 8pt;
411 padding-bottom: 10px;
412}
413
414.product_review .product_rating_info {
415 padding-bottom: 10px;
416}
417
418.product_review .review_text {
419 max-height: 400px;
420 overflow: auto;
421}
422/* *********************************************** */
423
424
425/* *********************************************** */
426.add_review {
427 padding: 15px;
428}
429
430.review_select_rating,
431.review_input_text,
432.review_input_name,
433.review_target {
434 padding-bottom: 10px;
435}
436
437.review_target .product_name {
438 font-weight: bold;
439}
440
441.review_input_text .label {
442 display: block;
443 text-align: left;
444}
445
446.review_input_text textarea {
447 width: 98%;
448 height: 200px;
449}
450
451.review_select_rating {
452 overflow: hidden;
453}
454
455.review_select_rating .ratings_block {
456 padding-right: 40px;
457 overflow:hidden;
458 clear: left;
459}
460
461.review_select_rating .ratings_block .rating_name {
462 font-weight: bold;
463 display: block;
464 width: 70px;
465 float: left;
466}
467
468.review_select_rating .ratings_block .product_rating_info {
469 padding-bottom: 5px;
470 float: left;
471}
472
473.review_select_rating .ratings_block .product_rating_info .rating-box {
474 margin-left: 22px;
475 margin-top: 2px;
476}
477/* *********************************************** */
478
479
480/* *********************************************** */
481.product_detailed_img img {
482 vertical-align: top;
483 height: 50px;
484}
485
486.product_img img:hover,
487.product_detailed_img img:hover {
488 border: 1px solid #CECECE;
489}
490
491.product_img {
492 padding-bottom: 10px;
493}
494
495.product_detailed_img img,
496.product_img img {
497 padding: 1px;
498 border: 1px solid white;
499}
500/* *********************************************** */
501
502
503/* *********************************************** */
504.shoppingcart_total {
505 overflow: hidden;
506 padding: 10px 20px 10px 0px;
507}
508
509.shoppingcart_total hr {
510 float: right;
511}
512
513.shoppingcart_total .total_name {
514 float: left;
515 width: 65%;
516 text-align: right;
517 font-weight: bold;
518 display: block;
519}
520
521.shoppingcart_total .total_value {
522 float: right;
523 width: 30%;
524 text-align: right;
525 display: block;
526 padding-right: 10px;
527}
528/* *********************************************** */
529
530
531.store_closed .empty {
532 padding: 100px 20px 100px 20px;
533 text-align: center;
534 font-weight: bold;
535}
536
537.cmspage_content {
538 padding: 20px;
539}
540
541/* BOX ************************************************ */
542.box {
543 margin-bottom: 7px;
544 position: relative;
545 overflow: hidden;
546 width: 100%;
547}
548
549.box .content {
550 padding: 0px;
551}
552
553.box .cn {
554 width: 10px;
555 height: 10px;
556 position: absolute;
557 overflow: hidden;
558}
559
560.box .cn.lt { left: -5px; top: -5px; }
561.box .cn.rt { left: -5px; top: -5px; margin-left: 100%; }
562.box .cn.lb { bottom: -5px; left: -5px; }
563.box .cn.rb { bottom: -5px; left: -5px; margin-left: 100%; }
564/* BOX ************************************************ */
565
566
567/* BOX in .page_container ***************************** */
568.page_container .box .cn {
569 background: url('../images/bg-box-corners-on-white.png') no-repeat;
570}
571
572.page_container .box .content {
573 background: white url('../images/bg-box-body.gif') repeat-x 0px 0px;
574 padding-bottom: 16px;
575 border-left: 1px solid #B8C2CA;
576 border-right: 1px solid #B8C2CA;
577 border-bottom: 1px solid #ADB6BD;
578}
579
580.page_container .box.nogradient .content {
581 background-image: none;
582}
583
584.right_column .box select,
585.left_column .box select {
586 display: block;
587 margin: 16px auto 0px auto;
588 width: 85%;
589}
590
591.box h1,
592.box h2,
593.box .header,
594.box .subheader,
595.box .toolbar {
596 display: block;
597 height: 23px;
598 text-align: left;
599 padding: 5px 21px 0px 21px;
600 margin: 0px;
601 font-size: 10pt;
602 font-weight: bold;
603}
604
605.box h1 span {
606 position: absolute;
607 top: 7px;
608 right: 20px;
609 font-size: 8pt;
610 font-weight: normal;
611}
612
613.box h1 span a {
614 font-size: 8pt;
615 font-weight: normal;
616}
617
618.box h1,
619.box .header {
620 color: white;
621 background: #6591BB url('../images/bg-box-header.png') no-repeat 0px 0px;
622 border-bottom: 1px white solid;
623}
624
625.box h2,
626.box .subheader,
627.box .subheader a,
628.box h2 a {
629 background-color: #dcf0cc;
630 color: #428231;
631}
632
633.box h1 a {
634 font-size: 10pt;
635 font-weight: bold;
636 color: white;
637}
638
639.box .toolbar {
640 font-size: 8pt;
641 font-weight: normal;
642}
643
644.box hr {
645 width: 95%;
646 height: 1px;
647 color: #DEDEDE;
648 border: 0px;
649 background-color: #DEDEDE;
650 margin: 0px auto;
651 padding: 0px;
652}
653/* BOX in .page_container ***************************** */
654
655
656/* BOX inside BOX in .page_container ****************** */
657.box .box {
658 margin: 20px;
659 width: auto;
660}
661
662.box .box .cn {
663 background: none;
664}
665
666.box .box .content {
667 background: none;
668 border: 1px solid #deecd3;
669}
670
671.box .box h1,
672.box .box .header {
673 color: #404040;
674 background: #deecd3;
675 font-size: 9pt;
676 font-weight: normal;
677 height: 20px;
678}
679
680/* BOX inside BOX in .page_container ****************** */
681
682
683.page_container .box.welcome .content {
684 background: white url('../images/welcome-banner.gif') no-repeat 0px 0px;
685 border: 1px solid #ADB6BD;
686 padding: 20px 10px 20px 100px;
687}
688
689/* Page Header Box ************************************************ */
690.box.page_header {
691 margin-bottom: 0px;
692}
693
694.box.page_header .content {
695 height: 101px;
696 background: white url('../images/bg-page-header.gif') no-repeat top right;
697}
698
699/* Page Header corners */
700.box.page_header .cn {
701 background: none;
702}
703/* Page Header Box ************************************************ */
704
705
706
707/* Page Top Menu ************************************************ */
708.box.page_top_menu .content {
709 height: 34px;
710 border: 1px #B3B3B3 solid;
711 background: #F1F1F1 url('../images/bg-page-top-menu.gif') repeat-x 0 0;
712}
713
714.box.page_top_menu .cn {
715 background: url('../images/bg-page-top-menu-corners-on-white.gif') no-repeat; /* no-repeat for ie6 */
716}
717/* Page Top Menu ************************************************ */
718
719
720
721/* Page Layout: Columns ************************************************ */
722.page_container {
723 overflow: hidden;
724 width: 100%;
725}
726
727.page_container .left_column {
728 float: left;
729 width: 200px;
730 margin-right: 7px;
731}
732
733.page_container .right_column {
734 float: right;
735 width: 200px;
736 margin-left: 7px;
737}
738
739.page_container .center_column {
740 margin-left: 207px;
741 margin-right: 207px;
742}
743
744.page_container.columnsLC .right_column {
745 display: none
746}
747
748.page_container.columnsLC .center_column {
749 margin-left: 207px;
750 margin-right: 0px;
751}
752
753.page_container.columnsCR .left_column {
754 display: none
755}
756
757.page_container.columnsCR .center_column {
758 margin-left: 0px;
759 margin-right: 207px;
760}
761
762.page_container.columnsC .left_column {
763 display: none
764}
765
766.page_container.columnsC .right_column {
767 display: none
768}
769
770.page_container.columnsC .center_column {
771 margin-left: 0px;
772 margin-right: 0px;
773}
774
775.page_footer {
776 height: 90px;
777 clear: both;
778 width: 100%;
779 padding-top: 30px
780}
781/* Page Layout: Columns ************************************************ */
782
783
784/* BLOCK position ************************************************ */
785.page_header .logo {
786 position: absolute;
787 top: 0px;
788 left: 0px;
789 background: url('../images/header.gif') no-repeat;
790 width: 203px;
791 height: 98px;
792}
793
794.page_header .logo img {
795 padding-top: 30px;
796}
797
798.page_header .top_user1 {
799 position: absolute;
800 top: 30px;
801 right: 400px;
802}
803
804.page_header .top_user2 {
805 position: absolute;
806 top: 30px;
807 right: 25px;
808}
809
810.page_header .top_user3 {
811 position: absolute;
812 top: 60px;
813 right: 25px;
814}
815
816/* BLOCK position ************************************************ */
817
818
819.box.page_footer {
820 margin-bottom: 0px;
821}
822
823.page_footer img.cc_icon {
824 position: absolute;
825 top: 25px;
826 left: 10px;
827}
828
829.page_footer img.w3c_icon {
830 position: absolute;
831 top: 25px;
832 right: 10px;
833}
834
835.page_footer hr {
836 width: 100%;
837 color: #969ea4;
838 background-color: #969ea4;
839}
840
841.page_footer .copyright {
842 margin: 0px;
843 padding: 0px;
844 color: #404040;
845 font-size: 8pt;
846 text-align: center;
847 padding-top: 10px;
848}
849
850/*** page_header menu *********************************************************
851 This styles define how to display menu block inside page_header block.
852*******************************************************************************/
853
854.page_header .menu ul {
855 margin: 0px;
856 padding: 0px;
857 list-style-type: none;
858}
859
860.page_header .menu li {
861 display: inline;
862 padding-left: 9px;
863 margin-left: 10px;
864 background-image:url("../images/page-top-menu-triangle.gif");
865 background-repeat:no-repeat;
866 background-position: 0px 4px;
867}
868
869.page_header .menu li.nolink {
870 background-image: none;
871 padding-left: 0px;
872}
873
874.page_header .menu li,
875.page_header .menu li a {
876 color: black;
877 font-family: Arial, sans-serif;
878 font-size: 10pt;
879 text-decoration: none;
880 font-weight: bold;
881}
882
883.page_header .top_user3 .menu li,
884.page_header .top_user3 .menu li a {
885 color: green;
886}
887
888.page_header .menu li a:hover {
889 text-decoration: underline;
890}
891/*** page_header menu *********************************************************/
892
893
894
895/*** page_top_menu menu ********************************************************
896 This styles define how to display menu block inside page_top_menu block.
897*******************************************************************************/
898.page_top_menu .menu {
899 position: absolute;
900 top: 10px;
901 left: 12px;
902}
903
904.page_top_menu .menu ul {
905 margin: 0px;
906 padding: 0px;
907 list-style-type: none;
908}
909
910.page_top_menu .menu li {
911 display: inline;
912 padding-left: 9px;
913 padding-right: 20px;
914 margin-left: 10px;
915 background-image: none;
916 border-right: 1px solid #b3b3b3;
917}
918
919.page_top_menu .menu li.last {
920 border: none;
921}
922
923.page_top_menu .menu li,
924.page_top_menu .menu li a {
925 color: #5c8f4c;
926 font-family: Arial, sans-serif;
927 font-size: 9pt;
928 text-decoration: none;
929 font-weight: bold;
930}
931
932.page_top_menu .menu li a:hover {
933 text-decoration: underline;
934}
935/*** page_top_menu menu *********************************************************/
936
937
938
939/*** .page_footer menu *********************************************************/
940.page_footer .menublock {
941 text-align: center;
942 padding-bottom: 10px;
943}
944
945.page_footer .menublock ul {
946 margin: 0px;
947 padding: 0px;
948 list-style-type: none;
949}
950
951.page_footer .menublock li {
952 display: inline;
953 padding-left: 15px;
954 padding-right: 15px;
955 background-image: none;
956 border-right: 1px solid #404040;
957}
958
959.page_footer .menublock li.last {
960 border: none;
961}
962
963.page_footer .menublock li,
964.page_footer .menublock li a {
965 color: #404040;
966 font-family: Arial, sans-serif;
967 font-size: 9pt;
968 text-decoration: none;
969 font-weight: normal;
970}
971
972.page_footer .menublock li a:hover {
973 text-decoration: underline;
974}
975
976
977.page_header .search .input_text {
978 background-image: url("../images/bg-input-page-header.gif");
979 background-repeat: no-repeat;
980 background-position: 0px 0px;
981 background-color: transparent;
982 border: none;
983 color: black;
984 font-size: 12px;
985 font-weight: bold;
986 padding: 10px 10px 10px 10px;
987 width: 210px;
988 margin: 0px;
989}
990
991.page_header .search .input_text:focus {
992 border: 0px;
993 outline: 0px;
994}
995
996.page_header .search input.button_search {
997 vertical-align: top;
998}
999
1000/* PRODUCT LIST LAYOUT ********************************************* */
1001.product_list.search_result .subheader {
1002 border-bottom: 1px solid white;
1003}
1004
1005.product_list.search_result .toolbar {
1006 border-top: 1px solid #b6c9db;
1007 border-bottom: 1px solid #dedede;
1008}
1009
1010.product_lis.search_resultt .toolbar.top {
1011 border-top: 1px solid #b6c9db;
1012 border-bottom: 1px solid #dedede;
1013}
1014
1015.product_list.search_result .toolbar.bottom {
1016 border-top: 1px solid #dedede;
1017 border-bottom: none;
1018}
1019
1020.box.product_list.search_result .content {
1021 padding-bottom: 5px;
1022}
1023
1024.product_list.search_result .product_list_items {
1025 background-image: none;
1026}
1027
1028.product_list.search_result .product_list_items.empty {
1029 background-image: none;
1030 padding: 100px 0px 100px 0px;
1031 text-align: left;
1032}
1033
1034.search_result .product_list .subheader .product-list-sorter {
1035 padding-top: 2px;
1036}
1037/* **************************************************************** */
1038
1039
1040/* PRODUCT LIST ITEM LAYOUT *************************************** */
1041.search_result .product_item {
1042 float: none;
1043 width: auto;
1044 padding-left: 20px;
1045 padding-right: 20px;
1046 text-align: left;
1047 position: relative;
1048}
1049
1050.search_result .product_item .limited_inventory,
1051.search_result .product_item .product_descr,
1052.search_result .product_item .product_rating,
1053.search_result .product_item .product_buttons,
1054.search_result .product_item .product_img,
1055.search_result .product_item .product_list_price,
1056.search_result .product_item .product_sale_price,
1057.search_result .product_item .product_name {
1058 width: 100%;
1059}
1060
1061.search_result .product_item .product_rating .rating-box {
1062 margin: 0px;
1063 margin-left: 140px;
1064}
1065
1066.search_result .product_item .product_img {
1067 text-align: left;
1068 padding-top: 25px;
1069 float: left;
1070 width: 140px;
1071}
1072
1073.search_result .product_item .product_list_price {
1074 padding-top: 0px;
1075}
1076
1077.search_result .product_item .product_sale_price .label,
1078.search_result .product_item .product_list_price .label {
1079 display: inline;
1080}
1081
1082.search_result .product_item .product_buttons {
1083 display: none;
1084}
1085
1086.search_result .search_form {
1087 padding: 20px;
1088}
1089
1090.search_result .search_form .input_text {
1091 width: 60%;
1092}
1093
1094.search_result .search_form input.button_search {
1095 vertical-align: top;
1096}
1097
1098/* *************************************************************** */
1099
1100.search_result .product_list_items.empty {
1101 width: 50%;
1102 margin-left: 20px;
1103 text-align: left;
1104 padding-top: 20px;
1105}
1106
1107input.buttons {
1108 background: none no-repeat top left;
1109 border: none;
1110 cursor: pointer;
1111 overflow: hidden;
1112
1113 font-size: 0px;
1114 line-height: 0px;
1115}
1116
1117input.button_search {
1118 background-image: url("../images/buttons/button-search-page-header.gif");
1119 width: 26px;
1120 height: 26px;
1121 padding-bottom: 2px;
1122}
1123
1124input.button_add_to_cart {
1125 background-image: url("../images/buttons/button-add-to-cart-yellow.png");
1126 width: 95px;
1127 height: 25px;
1128 padding-bottom: 2px;
1129}
1130
1131input.button_out_of_stock {
1132 background-image: url("../images/buttons/button-out-of-stock.png");
1133 width: 95px;
1134 height: 25px;
1135 padding-bottom: 2px;
1136 cursor: default;
1137}
1138
1139input.button_continue_checkout {
1140 background: url("../images/buttons/button-continue-checkout.png") no-repeat top left;
1141 width: 137px;
1142 height: 23px;
1143 padding-bottom: 2px;
1144}
1145
1146input.button_save_changes {
1147 background: url("../images/buttons/button-save-changes.png") no-repeat top left;
1148 width: 102px;
1149 height: 23px;
1150 padding-bottom: 2px;
1151}
1152
1153input.button_signin {
1154 background: url("../images/buttons/button-signin.png") no-repeat top left;
1155 width: 82px;
1156 height: 23px;
1157 padding-bottom: 2px;
1158}
1159
1160input.button_register {
1161 background: url("../images/buttons/button-register.png") no-repeat top left;
1162 width: 82px;
1163 height: 23px;
1164 padding-bottom: 2px;
1165}
1166
1167input.button_continue {
1168 background: url("../images/buttons/button-continue.png") no-repeat top left;
1169 width: 82px;
1170 height: 23px;
1171 padding-bottom: 2px;
1172}
1173
1174
1175
1176span.button_proceed_to_checkout {
1177 background: url("../images/buttons/button-proceed-to-checkout-border.png") no-repeat top left;
1178 width: 147px;
1179 height: 23px;
1180 cursor: pointer;
1181 display: block;
1182}
1183
1184span.button_continue_shopping {
1185 background: url("../images/buttons/button-continue-shopping.png") no-repeat top left;
1186 width: 142px;
1187 height: 23px;
1188 cursor: pointer;
1189 display: block;
1190}
1191
1192span.button_continue_shopping_back {
1193 background: url("../images/buttons/button-continue-shopping-back.png") no-repeat top left;
1194 width: 142px;
1195 height: 23px;
1196 cursor: pointer;
1197 display: block;
1198}
1199
1200span.button_continue_checkout {
1201 background: url("../images/buttons/button-continue-checkout.png") no-repeat top left;
1202 width: 137px;
1203 height: 23px;
1204 cursor: pointer;
1205 display: block;
1206}
1207
1208span.button_back {
1209 background: url("../images/buttons/button-back.png") no-repeat top left;
1210 width: 67px;
1211 height: 23px;
1212 cursor: pointer;
1213 display: block;
1214}
1215
1216
1217span.button_register {
1218 background: url("../images/buttons/button-register.png") no-repeat top left;
1219 width: 82px;
1220 height: 23px;
1221 cursor: pointer;
1222 display: block;
1223}
1224
1225span.button_details {
1226 background: url("../images/buttons/button-details.png") no-repeat top left;
1227 width: 95px;
1228 height: 25px;
1229 cursor: pointer;
1230 display: block;
1231}
1232
1233
1234.navigation_bar ul li span {
1235 border-bottom: 1px dotted #cccccc;
1236}
1237
1238.navigation_bar.empty p {
1239 padding: 50px 0px 50px 0px;
1240 text-align: center;
1241 font-weight: bold;
1242}
1243
1244.box.navigation_bar .content {
1245 background: #96c56f url('../images/bg-navigationbar.png') repeat-x 0px 29px;
1246}
1247
1248.navigation_bar .content .tree span a {
1249 color: white;
1250}
1251
1252.page_container .box.navigation_bar .cn {
1253 background: url('../images/bg-navigationbar-corners.gif') no-repeat;
1254}
1255
1256
1257
1258
1259/* PRODUCT LIST LAYOUT ********************************************* */
1260.product_list .subheader {
1261 border-bottom: 1px solid white;
1262}
1263
1264.product_list .toolbar {
1265 border-top: 1px solid #b6c9db;
1266 border-bottom: 1px solid #dedede;
1267}
1268
1269.product_list .toolbar.top {
1270 border-top: 1px solid #b6c9db;
1271 border-bottom: 1px solid #dedede;
1272}
1273
1274.product_list .toolbar.bottom {
1275 border-top: 1px solid #dedede;
1276 border-bottom: none;
1277 background-color: white;
1278}
1279
1280.box.product_list .content {
1281 padding-bottom: 5px;
1282}
1283
1284.checkout .product_list_items.empty,
1285.shoppingcart .product_list_items.empty,
1286.product_list .product_list_items.empty {
1287 background-image: none;
1288 padding: 100px 0px 100px 0px;
1289 text-align: center;
1290}
1291
1292.product_list .subheader .product-list-sorter {
1293 padding-top: 2px;
1294}
1295
1296.product_list .view_all_link {
1297 text-align: center;
1298 padding-top: 5px;
1299 text-decoration: none;
1300}
1301
1302.center_column .product_list .view_all_link {
1303 position: absolute;
1304 top: 1px;
1305 right: 20px;
1306}
1307
1308.center_column .product_list .view_all_link a {
1309 color: white;
1310}
1311/* **************************************************************** */
1312
1313
1314/* PRODUCT LIST ITEM LAYOUT *************************************** */
1315.product_item {
1316 float: left;
1317 width: 33%;
1318 text-align: left;
1319 position: relative;
1320}
1321
1322.product_list_items.columns_4 .product_item {
1323 width: 25%;
1324}
1325
1326.product_list_items.columns_5 .product_item {
1327 width: 20%;
1328}
1329
1330.product_item .limited_inventory,
1331.product_item .product_rating,
1332.product_item .product_buttons,
1333.product_item .product_img,
1334.product_item .product_list_price,
1335.product_item .product_sale_price,
1336.product_item .product_name {
1337 margin: auto auto;
1338 padding-top: 10px;
1339 width: 70%;
1340}
1341
1342.product_item .product_rating .rating-box {
1343 margin: 0px;
1344}
1345
1346.product_item .product_img {
1347 text-align: center;
1348 width: 100%;
1349 padding-top: 25px;
1350}
1351
1352.product_item .product_list_price {
1353 padding-top: 0px;
1354}
1355
1356.product_item .product_sale_price .label,
1357.product_item .product_list_price .label {
1358 display: none;
1359}
1360
1361.product_item .product_buttons {
1362 padding-bottom: 25px;
1363}
1364/* *************************************************************** */
1365
1366
1367/* FEATURED PRODUCTS & BESTSELLERS LIST **************************************** */
1368.product_list.related_products .content,
1369.product_list.bestsellers .content,
1370.product_list.featured_products .content {
1371 padding-bottom: 15px;
1372}
1373
1374.left_column .product_list.bestsellers .product_item,
1375.right_column .product_list.bestsellers .product_item,
1376.left_column .product_list.related_products .product_item,
1377.right_column .product_list.related_products .product_item,
1378.left_column .product_list.featured_products .product_item,
1379.right_column .product_list.featured_products .product_item {
1380 width: 100%;
1381 float: none;
1382 border-bottom: 1px solid #dedede;
1383}
1384
1385.product_list.bestsellers .product_item,
1386.product_list.related_products .product_item,
1387.product_list.featured_products .product_item {
1388 padding-bottom: 20px;
1389}
1390
1391.left_column .product_list.bestsellers hr,
1392.right_column .product_list.bestsellers hr,
1393.left_column .product_list.related_products hr,
1394.right_column .product_list.related_products hr,
1395.left_column .product_list.featured_products hr,
1396.right_column .product_list.featured_products hr {
1397 display: none;
1398}
1399
1400.right_column .product_list.featured_products .product_list_items,
1401.left_column .product_list.featured_products .product_list_items,
1402.right_column .product_list.related_products .product_list_items,
1403.left_column .product_list.related_products .product_list_items,
1404.right_column .product_list.bestsellers .product_list_items,
1405.left_column .product_list.bestsellers .product_list_items {
1406 background-image: none;
1407}
1408/* *************************************************************** */
1409
1410div.product-list-sorter {
1411 float: right;
1412 white-space: nowrap;
1413
1414}
1415
1416
1417/* LAYOUT */
1418.product_info .product_item {
1419 float: none;
1420 width: 100%;
1421 overflow: hidden;
1422}
1423
1424/* to center */
1425.product_info .product_name {
1426 text-align: left;
1427 padding: 15px 20px 0px 20px;
1428 margin: 0px;
1429}
1430
1431/* to left */
1432.product_info .limited_inventory,
1433.product_info .product_add_quantity,
1434.product_info .product_rating,
1435.product_info .product_buttons,
1436.product_info .product_list_price,
1437.product_info .product_sale_price,
1438.product_info .product_img {
1439 float: left;
1440 width: 180px;
1441 clear: left;
1442 text-align: center;
1443 padding: 15px 0px 0px 20px;
1444}
1445
1446/* to right */
1447.product_info .product_rating_info,
1448.product_info .product_options,
1449.product_info .product_short_description,
1450.product_info .product_detailed_description {
1451 padding: 15px 20px 0px 0px;
1452 margin-left: 205px;
1453}
1454
1455.product_info .product_list_price {
1456 padding-top: 0px;
1457}
1458
1459/* by default they are hidden, so show them */
1460.product_info .product_sale_price .label,
1461.product_info .product_list_price .label {
1462 display: inline;
1463}
1464
1465.product_info .product_rating .rating-box {
1466 margin: auto auto;
1467}
1468
1469.product_info .discount_star {
1470 float: left;
1471 width: 69px;
1472 clear: left;
1473 text-align: center;
1474 position: static;
1475 padding: 0px;
1476 margin-left: 80px;
1477 margin-top: 10px;
1478}
1479
1480
1481
1482/* STYLE */
1483.product_info .product_name {
1484 font-size: 11pt;
1485 font-weight: bold;
1486 color: #315d86;
1487}
1488
1489.product_info .product_detailed_description p {
1490 margin: 0px;
1491 padding: 0px 0px 10px 0px;
1492}
1493
1494.product_info .limited_inventory {
1495 width: 120px;
1496 margin: auto auto;
1497 padding-left: 50px;
1498}
1499
1500
1501.product_options.form_view .form_row {
1502 padding-bottom: 20px;
1503}
1504
1505.product_options.form_view {
1506 padding-top: 30px;
1507}
1508
1509.product_options.form_view .form_descr {
1510 font-weight: bold;
1511}
1512
1513.product_options.form_view .form_field {
1514 margin-left: 25%;
1515 width: 75%;
1516}
1517
1518.cart_preview {
1519 position: absolute;
1520 top: 5px;
1521 right: 10px;
1522 color: #808080;
1523 font-size: 9pt;
1524}
1525
1526.cart_preview img {
1527 margin-top: 1px;
1528 margin-bottom: -6px;
1529 padding-right: 0px;
1530 padding-left: 10px;
1531}
1532
1533
1534/* SHOPPING CART ************************************************* */
1535.box.shoppingcart .content {
1536 padding-bottom: 0px;
1537 overflow: hidden;
1538}
1539
1540.shoppingcart .product_item {
1541 float: none;
1542 overflow: hidden;
1543 width: 100%;
1544 clear: both;
1545 border-bottom: 1px solid #CCD9E6;
1546 text-align: center;
1547 padding-bottom: 10px;
1548}
1549
1550.shoppingcart .product_name,
1551.shoppingcart .product_options,
1552.shoppingcart .product_quantity_selector,
1553.shoppingcart .product_sale_price,
1554.shoppingcart .product_total_price,
1555.shoppingcart .product_img {
1556 float: left;
1557 padding-top: 20px;
1558}
1559
1560.shoppingcart .product_img {
1561 width: 26%;
1562}
1563
1564.shoppingcart .product_name {
1565 width: 30%;
1566 text-align: left;
1567}
1568
1569.shoppingcart .product_name a {
1570 clear: both;
1571 font-size: 11pt;
1572 display: block;
1573}
1574
1575.shoppingcart .product_quantity_selector {
1576 width: 14%;
1577 float: right;
1578}
1579
1580.shoppingcart .product_sale_price {
1581 width: 14%;
1582 float: right;
1583 color: #404040;
1584 font-weight: normal;
1585}
1586
1587.shoppingcart .product_total_price {
1588 width: 14%;
1589 float: right;
1590 color: #404040;
1591 font-weight: normal;
1592}
1593
1594.shoppingcart .product_total_price .label {
1595 padding-top: 10px;
1596 display: block;
1597}
1598
1599.shoppingcart .product_options {
1600 padding-top: 0px;
1601}
1602
1603.shoppingcart .product_options ul {
1604 padding: 0px 0px 0px 10px;
1605 margin: 0px;
1606 list-style-type: none;
1607}
1608
1609.shoppingcart .product_options ul li .product_option_selected_value {
1610 font-weight: normal;
1611}
1612
1613.shoppingcart .cart_buttons {
1614 overflow: hidden;
1615 margin: 20px 20px 20px 20px;
1616 padding-top: 20px;
1617 border-top: 1px solid #CCD9E6;
1618}
1619
1620.shoppingcart .cart_buttons .button_continue_shopping_back {
1621 float: left;
1622}
1623
1624.shoppingcart .cart_buttons .button_proceed_to_checkout {
1625 float: right;
1626}
1627
1628.shoppingcart .promo_code_form {
1629 padding: 20px 30% 20px 20px;
1630 line-height: 20px;
1631}
1632
1633.shoppingcart .shoppingcart_total {
1634 width: 28%;
1635 float: right;
1636}
1637
1638/* *************************************************************** */
1639
1640/* SHOPPING CART HEADER ****************************************** */
1641.shoppingcart .box .content {
1642 border-bottom: none;
1643 padding-bottom: 0px;
1644}
1645
1646.shoppingcart .header {
1647 padding: 2px 0px 0px 0px;
1648}
1649
1650.shoppingcart .header .product_item {
1651 border-bottom: none;
1652 padding-bottom: 0px;
1653}
1654
1655.shoppingcart .header .product_name,
1656.shoppingcart .header .product_options,
1657.shoppingcart .header .product_quantity_selector,
1658.shoppingcart .header .product_sale_price,
1659.shoppingcart .header .product_total_price,
1660.shoppingcart .header .product_img {
1661 padding-top: 0px;
1662}
1663
1664.shoppingcart .header .product_name {
1665 width: 30%;
1666}
1667
1668.shoppingcart .header .product_name {
1669 font-size: 9pt;
1670 font-weight: normal;
1671}
1672/* *************************************************************** */
1673
1674
1675.checkout .shoppingcart .product_name {
1676 width: 50%;
1677}
1678
1679.checkout .shoppingcart .header .product_name {
1680 width: 50%;
1681}
1682
1683/* MINI SHOPPING CART *************************************************************** */
1684.minishoppingcart .content {
1685 overflow: hidden;
1686}
1687
1688.minishoppingcart .product_item {
1689 float: none;
1690 width: 90%;
1691 padding: 10px 20px 5px 10px;
1692 clear: both;
1693}
1694
1695.minishoppingcart .product_item .product_name {
1696 font-weight: normal;
1697 width: 80%;
1698 padding: 0px;
1699 margin: 0px;
1700 margin-left: 40px;
1701}
1702
1703.minishoppingcart .product_item .product_name a {
1704 font-weight: normal;
1705 color: #5B7F9F;
1706}
1707
1708.minishoppingcart .shoppingcart_total {
1709 padding-left: 20px;
1710}
1711
1712.minishoppingcart .shoppingcart_total .total_name {
1713 width: 40%;
1714 text-align: left;
1715}
1716
1717.minishoppingcart .shoppingcart_total .total_value {
1718 width: 50%;
1719}
1720
1721.minishoppingcart .cart_buttons {
1722 padding: 0px 20px 0px 20px;
1723}
1724
1725.minishoppingcart .cart_buttons a {
1726 display: block;
1727 padding-bottom: 5px;
1728}
1729
1730.minishoppingcart .product_img {
1731 float: left;
1732 width: 30px;
1733 padding: 0px;
1734 margin: 0px 0px 0px 0px;
1735}
1736/* CHECKOUT ****************************************************** */
1737.checkout .box {
1738 margin-bottom: 0px;
1739 margin-top: 0px;
1740}
1741
1742.checkout .box .content {
1743 border-bottom: 1px solid #CCD9E6;
1744 overflow: hidden;
1745}
1746
1747.checkout .header .payment_methods,
1748.checkout .header .shipping_methods,
1749.checkout .header .billing_form,
1750.checkout .header .selected_payment_shipping_methods,
1751.checkout .header .key_order_details,
1752.checkout .header .cart_summary,
1753.checkout .header .shipping_form {
1754 padding-top: 2px;
1755 color: #428231;
1756 font-weight: bold;
1757 font-size: 8pt;
1758}
1759
1760.checkout .payment_methods,
1761.checkout .shipping_methods,
1762.checkout .billing_form,
1763.checkout .key_order_details,
1764.checkout .selected_payment_shipping_methods,
1765.checkout .cart_summary,
1766.checkout .shipping_form {
1767 padding-left: 20px;
1768 padding-top: 15px;
1769}
1770
1771.checkout .key_order_details,
1772.checkout .selected_payment_shipping_methods {
1773 float: left;
1774 width: 29%;
1775}
1776
1777.checkout .cart_summary {
1778 float: left;
1779 width: 29%;
1780 color: #428231;
1781 font-weight: bold;
1782 font-size: 8pt;
1783}
1784
1785.checkout .billing_form {
1786 float: right;
1787 width: 32%;
1788 line-height: 17px;
1789}
1790
1791.checkout .shipping_form {
1792 float: right;
1793 width: 32%;
1794 line-height: 17px;
1795}
1796
1797.checkout .payment_methods {
1798 float: left;
1799 width: 40%
1800}
1801
1802.checkout .shipping_methods {
1803 float: right;
1804 width: 55%
1805}
1806
1807.checkout .box .content .header {
1808 padding: 0px;
1809}
1810
1811.checkout .shoppingcart_total {
1812 padding: 0px;
1813 line-height: 20px;
1814}
1815
1816.checkout .shoppingcart_total hr {
1817 float: left;
1818}
1819
1820.checkout .shoppingcart_total .total_value,
1821.checkout .shoppingcart_total .total_name {
1822 text-align: left;
1823}
1824
1825.checkout .cart_summary .note {
1826 padding-top: 20px;
1827}
1828
1829.checkout .box.checkout_addresses .content {
1830 border-bottom: none;
1831}
1832
1833.checkout .selected_payment_shipping_methods .label {
1834 color: black;
1835 font-weight: bold;
1836 font-size: 8pt;
1837 display: block;
1838}
1839.checkout .selected_payment_shipping_methods .selected_payment_method {
1840 padding-bottom: 20px;
1841}
1842/* *************************************************************** */
1843
1844/* *************************************************************** */
1845.checkout .form_view {
1846 color: #575757;
1847 font-size: 9pt;
1848 font-weight: normal;
1849}
1850
1851.checkout .form_view .form_row {
1852 line-height: 20px;
1853}
1854
1855.checkout .form_view .form_row .form_descr {
1856 width: 35%;
1857 font-family: Tahoma;
1858}
1859
1860.checkout .form_view .form_row .form_field {
1861 width: 65%;
1862 margin-left: 35%;
1863}
1864/* *************************************************************** */
1865
1866
1867.checkout .shipping_same_as_billing,
1868.checkout .tax_exempt {
1869 padding: 15px 20px 0px 32%;
1870 margin-left: 20px;
1871}
1872
1873
1874.checkout .checkout_buttons {
1875 overflow: hidden;
1876 margin: 20px 20px 5px 20px;
1877 padding-top: 0px;
1878}
1879
1880.checkout .checkout_buttons .button_back,
1881.checkout .checkout_buttons .button_continue_shopping_back {
1882 float: left;
1883}
1884
1885.checkout .checkout_buttons .button_continue_checkout {
1886 float: right;
1887}
1888
1889
1890/* *************************************************************** */
1891.checkout_rule {
1892 background: url("../images/checkout-rule-step-1.gif") no-repeat top left;
1893 width: 940px;
1894 height: 25px;
1895 margin: auto auto;
1896 margin-top: 20px;
1897 margin-bottom: 20px;
1898 position: relative;
1899 font-weight: bold;
1900 font-size: 8pt;
1901 color: #b0b0b0;
1902}
1903
1904.checkout_rule.step_1_active {
1905 background: url("../images/checkout-rule-step-1.gif") no-repeat top left;
1906}
1907
1908.checkout_rule span.step_1 {
1909 position: absolute;
1910 display: block;
1911 color: #428231;
1912 top: 6px;
1913 left: 20px;
1914}
1915
1916.checkout_rule span.step_2 {
1917 position: absolute;
1918 display: block;
1919 top: 6px;
1920 left: 38%;
1921}
1922
1923.checkout_rule span.step_3 {
1924 position: absolute;
1925 display: block;
1926 top: 6px;
1927 left: 73%;
1928}
1929
1930.checkout_rule.step_2_active {
1931 background: url("../images/checkout-rule-step-2.gif") no-repeat top left;
1932}
1933
1934.checkout_rule.step_2_active span.step_1 {
1935 color: #b0b0b0;
1936}
1937
1938.checkout_rule.step_2_active span.step_2 {
1939 color: #428231;
1940}
1941
1942.checkout_rule.step_3_active {
1943 background: url("../images/checkout-rule-step-3.gif") no-repeat top left;
1944}
1945
1946.checkout_rule.step_3_active span.step_1,
1947.checkout_rule.step_3_active span.step_2 {
1948 color: #b0b0b0;
1949}
1950
1951.checkout_rule.step_3_active span.step_3 {
1952 color: #428231;
1953}
1954/* *************************************************************** */
1955
1956
1957/* *************************************************************** */
1958.checkout .payment_method_list .payment_method_list_row,
1959.checkout .payment_method_list,
1960.checkout .shipping_method_list .shipping_method_list_row,
1961.checkout .shipping_method_list {
1962 overflow: hidden;
1963 width: 100%;
1964 clear: both;
1965}
1966
1967.checkout .payment_method_list .note {
1968 padding: 10px;
1969}
1970
1971.checkout .payment_method_list .payment_method_list_row,
1972.checkout .shipping_method_list .shipping_method_list_row {
1973 padding-bottom: 5px;
1974}
1975
1976.checkout .payment_method_list .input_radio,
1977.checkout .shipping_method_list .input_radio {
1978 vertical-align: top;
1979}
1980
1981.shipping_method_list_row .shipping_method_name {
1982 float: left;
1983 width: 45%;
1984}
1985
1986.shipping_method_list_row .shipping_method_days {
1987 float: left;
1988 width: 20%;
1989}
1990
1991.shipping_method_list_row .shipping_method_cost {
1992 float: right;
1993 width: 20%;
1994}
1995
1996/* *************************************************************** */
1997
1998
1999.checkout .payment_method_form .form_descr {
2000 text-align: right;
2001 padding-right: 10px;
2002}
2003
2004
2005.checkout .box.shoppingcart .product_item {
2006 border-bottom: none;
2007 padding-bottom: 0px;
2008 padding-top: 3px;
2009}
2010
2011.checkout .box.shoppingcart .product_item .product_name,
2012.checkout .box.shoppingcart .product_item .product_total_price,
2013.checkout .box.shoppingcart .product_item .product_sale_price,
2014.checkout .box.shoppingcart .product_item .product_quantity_selector {
2015 padding-top: 5px;
2016}
2017
2018.checkout .box.shoppingcart .header .product_item .product_name,
2019.checkout .box.shoppingcart .header .product_item .product_total_price,
2020.checkout .box.shoppingcart .header .product_item .product_sale_price,
2021.checkout .box.shoppingcart .header .product_item .product_quantity_selector {
2022 color: #428231;
2023 font-weight: bold;
2024 font-size: 8pt;
2025 padding-top: 0px;
2026}
2027
2028.checkout .box.shoppingcart .product_item .product_name {
2029 padding-left: 20px;
2030}
2031
2032.checkout .box.shoppingcart .product_item .product_name a {
2033 font-size: 10pt;
2034}
2035
2036.checkout .box.shoppingcart .content {
2037 padding-bottom: 10px;
2038}
2039
2040.checkout.step_4_active .shoppingcart_total,
2041.checkout.step_3_active .shoppingcart_total {
2042 margin-left: 62%;
2043 clear: both;
2044 padding-top: 10px;
2045}
2046
2047.checkout.step_4_active h1 {
2048 margin-bottom: 20px;
2049}
2050
2051.checkout.step_4_active .note {
2052 padding: 0px 20px 20px 20px;
2053 font-size: 8pt;
2054 color: #428231;
2055 font-weight: bold;
2056}
2057
2058.checkout.step_4_active .key_order_details .value,
2059.checkout.step_4_active .key_order_details .label {
2060 display: block;
2061 line-height: 20px;
2062}
2063
2064.checkout.step_4_active .key_order_details .label {
2065 float: left;
2066 width: 45%;
2067 text-align: right;
2068}
2069
2070.checkout.step_4_active .key_order_details .value {
2071 width: 45%;
2072 margin-left: 50%;
2073 text-align: left;
2074}
2075
2076.checkout .box.shoppingcart .product_item .product_name .product_files_link {
2077 display: block;
2078 padding-top: 10px;
2079 padding-left: 10px;
2080}
2081
2082.checkout .box.shoppingcart .product_item .product_name .product_files_link a {
2083 font-weight: normal;
2084 display: block;
2085}
2086
2087.checkout .payment_method_list .form_view.credit_card_output {
2088 padding-top: 10px;
2089}
2090
2091.checkout .payment_method_list .form_view.credit_card_output .form_row {
2092 font-size: 8pt;
2093 line-height: 10pt;
2094}
2095
2096.form_view.credit_card_output .form_row .form_descr {
2097 width: 45%;
2098}
2099
2100.form_view.credit_card_output .form_row .form_field {
2101 margin-left: 45%;
2102 width: 55%;
2103}
2104
2105.checkout .paypalpro_expresscheckout {
2106 position: absolute;
2107 top: 150px;
2108 left:20px;
2109 width:280px;
2110 z-index:10;
2111}
2112
2113.checkout .paypalpro_expresscheckout .paypalpro_uk_expresscheckout div {
2114 padding-bottom: 5px;
2115}
2116
2117.checkout .paypalpro_expresscheckout .paypalpro_uk_expresscheckout .error_message {
2118 margin-left:0px;
2119 width:85%;
2120}
2121
2122.checkout .paypalpro_uk_expresscheckout {
2123 position: absolute;
2124 top: 250px;
2125 left:20px;
2126 width:280px;
2127 z-index:10;
2128}
2129
2130/* My Account Page ********************************************************** */
2131.myaccount .content {
2132 overflow: hidden;
2133}
2134
2135.myaccount .subheader {
2136 padding: 0px 0px 5px 0px;
2137 margin: 20px 20px 0px 20px;
2138 background-color: white;
2139 font-size: 10pt;
2140 color: #428231;
2141 text-transform: uppercase;
2142 font-family: Arial;
2143 font-weight: bold;
2144 border-bottom: 1px solid #d8e4ef;
2145}
2146
2147.myaccount .product_download_link {
2148 padding-left: 10px;
2149}
2150
2151.myaccount.checkout .product_item .product_name .product_download_link a {
2152 font-weight: normal;
2153 color: #428231;
2154 font-size: 9pt;
2155}
2156
2157/* My Account Sign In (Full page) ******************************************* */
2158.myaccount .signin_form .subheader,
2159.myaccount .registr_invitation .subheader {
2160 margin-top: 5px;
2161 border-bottom: none;
2162 margin-left: 0px;
2163}
2164
2165.myaccount .registr_invitation,
2166.myaccount .signin_form {
2167 width: 47%;
2168 overflow: hidden;
2169 padding-left: 20px;
2170 padding-bottom: 50px;
2171 margin-top: 10px;
2172}
2173
2174.myaccount .registr_invitation {
2175 float: left;
2176 border-right: 1px solid #d8e4ef;
2177}
2178
2179.myaccount .signin_form {
2180 float: right;
2181}
2182
2183.myaccount .registr_invitation .button_register {
2184 margin: auto auto;
2185}
2186
2187.myaccount .signin_form .form_row {
2188 padding-bottom: 20px;
2189}
2190
2191.myaccount .signin_form .form_field {
2192 width: 50%;
2193 margin-left: 27%;
2194}
2195
2196.myaccount .signin_form .form_descr {
2197 width: 27%
2198}
2199
2200.myaccount .signin_form .form_descr label {
2201 font-weight: bold;
2202}
2203
2204.myaccount .signin_form .input_submit {
2205 display: block;
2206 margin: auto auto;
2207}
2208
2209.myaccount .signin_form .success_message,
2210.myaccount .signin_form .error_message {
2211 margin: 0px 40px 10px 0px;
2212}
2213
2214
2215/* My Account Sign In Box (Left-Right colums) ******************************* */
2216.myaccount .signin_box {
2217 padding: 15px 15px 0px 15px;
2218}
2219
2220.left_column .myaccount .signin_box .form_view .form_row input,
2221.right_column .myaccount .signin_box .form_view .form_row input {
2222 margin: 0px;
2223}
2224
2225.myaccount .signin_box .form_field {
2226 width: 60%;
2227 margin-left: 40%;
2228}
2229
2230.myaccount .signin_box .form_descr {
2231 width: 40%
2232}
2233
2234.myaccount .signin_box .input_submit {
2235 display: block;
2236 margin: auto auto;
2237 margin-top: 10px;
2238}
2239
2240.myaccount .signin_box .success_message,
2241.myaccount .signin_box .error_message {
2242 margin: 0px 0px 10px 0px;
2243}
2244
2245.myaccount .signin_box a {
2246 line-height: 20px;
2247}
2248
2249.myaccount .signed_in_box {
2250 padding: 15px 15px 0px 15px;
2251}
2252
2253.myaccount .signed_in_box a {
2254 display: block;
2255 line-height: 20px;
2256}
2257
2258/* My Account Registration From ******************************************** */
2259.myaccount .registration_form {
2260 overflow: hidden;
2261 padding: 0px 20px 10px 20px;
2262 margin-top: 10px;
2263}
2264
2265.myaccount .registration_form .success_message,
2266.myaccount .registration_form .error_message {
2267 margin: 0px 0px 10px 0px;
2268}
2269
2270.myaccount .registration_form .form_view {
2271 width: 50%;
2272 margin: auto auto;
2273}
2274
2275.myaccount .registration_form .form_view .form_row {
2276 padding-bottom: 10px;
2277}
2278
2279.myaccount .registration_form .form_view .form_descr {
2280 width: 35%;
2281}
2282
2283.myaccount .registration_form .form_view .form_field {
2284 width: 50%;
2285 margin-left: 35%;
2286}
2287
2288.myaccount .registration_form .input_submit {
2289 display: block;
2290 margin: auto auto;
2291 margin-top: 10px;
2292}
2293
2294
2295/* My Account Home Page **************************************************** */
2296/* Common layout */
2297.myaccount .box.myaccount_home {
2298 overflow: hidden;
2299 margin-top: 5px;
2300}
2301
2302.box.myaccount_home .content {
2303 padding: 0px;
2304}
2305
2306.myaccount_home .content .header {
2307 padding: 3px 0px 0px 0px;
2308 margin: 0px;
2309 color: #428231;
2310 font-weight: bold;
2311 font-size: 8pt;
2312 overflow: hidden;
2313}
2314
2315.myaccount_home .header .orders_search,
2316.myaccount_home .header .account_settings {
2317 padding: 2px 20px 0px 20px;
2318 border-right: none;
2319}
2320
2321.myaccount_home .orders_search,
2322.myaccount_home .account_settings {
2323 padding: 15px 20px 20px 20px;
2324 margin: 0px;
2325}
2326
2327.myaccount_home .orders_search {
2328 float: left;
2329 width: 60%;
2330 border-right: 1px solid #CCD9E6;
2331}
2332
2333.myaccount_home .account_settings {
2334 float: right;
2335 width: 31%;
2336}
2337
2338/* Order List Layout */
2339.myaccount_home .header.order_list {
2340 background-color: #eaf1f7;
2341}
2342
2343.myaccount_home .header .order_id,
2344.myaccount_home .header .order_invoice,
2345.myaccount_home .header .order_date,
2346.myaccount_home .header .order_amount,
2347.myaccount_home .header .order_tax,
2348.myaccount_home .header .order_status,
2349.myaccount_home .header .order_payment_status {
2350 padding: 2px 0px 0px 20px;
2351}
2352
2353.myaccount_home .order_id,
2354.myaccount_home .order_invoice,
2355.myaccount_home .order_date,
2356.myaccount_home .order_amount,
2357.myaccount_home .order_tax,
2358.myaccount_home .order_status,
2359.myaccount_home .order_payment_status {
2360 padding: 4px 0px 4px 20px;
2361 float: left;
2362 width: 12%;
2363 text-align: center;
2364}
2365
2366.myaccount_home .order_list {
2367 overflow: hidden;
2368 clear: both;
2369}
2370
2371.myaccount_home .order_list.empty {
2372 text-align: center;
2373 padding: 50px 0px;
2374}
2375
2376/* Order Search By Status-Links layout */
2377.myaccount_home .orders_search .by_statuses {
2378 width: 25%;
2379 float: left;
2380 overflow: hidden;
2381 line-height: 20px;
2382}
2383
2384.myaccount_home .orders_search .by_statuses .label {
2385 width: 70%;
2386 float: left;
2387 clear: left;
2388}
2389
2390.myaccount_home .orders_search .by_statuses .value {
2391 float: right;
2392 clear: right;
2393}
2394
2395/* Order Search Form layout */
2396.myaccount_home .orders_search .by_form {
2397 width: 70%;
2398 float: right;
2399 overflow: hidden;
2400 position: relative;
2401}
2402
2403.myaccount_home .orders_search .by_form .form_descr {
2404 text-align: right;
2405 padding-right: 10px;
2406}
2407
2408.myaccount_home .orders_search .by_form .form_field.date select {
2409 width: 90px;
2410}
2411
2412.myaccount_home .orders_search .by_form .form_field select {
2413 width: 184px;
2414}
2415
2416.myaccount_home .orders_search .by_form .input_submit {
2417 display: block;
2418 margin: 0px 28px 0px auto;
2419 position: absolute;
2420 top: 69px;
2421 left: 305px;
2422}
2423
2424.myaccount_home .orders_search .by_id {
2425 margin-top: 110px;
2426}
2427
2428/* Account Settings Links layout */
2429.myaccount_home .account_settings a {
2430 display: block;
2431 line-height: 20px;
2432}
2433
2434.myaccount .button_back {
2435 margin-left: 20px;
2436}
2437
2438/* Order Invoice layout */
2439.myaccount.invoice .cn {
2440 background: none;
2441}
2442
2443.myaccount.invoice .content .header,
2444.myaccount.invoice .content h1 {
2445 background-image: none;
2446 background-color: #BBBBBB;
2447 color: white;
2448}
2449
2450.myaccount.invoice .shoppingcart_total {
2451 padding-bottom: 30px;
2452}
2453
2454.myaccount.invoice .content .header .product_item .product_name,
2455.myaccount.invoice .content .header .product_item .product_total_price,
2456.myaccount.invoice .content .header .product_item .product_sale_price,
2457.myaccount.invoice .content .header .product_item .product_quantity_selector,
2458.myaccount.invoice .content .header .key_order_details,
2459.myaccount.invoice .content .header .shipping_form,
2460.myaccount.invoice .content .header .billing_form {
2461 color: white;
2462}
2463
2464.myaccount.invoice .content .subheader,
2465.myaccount.invoice .content .key_order_details,
2466.myaccount.invoice .content .shipping_form,
2467.myaccount.invoice .content .billing_form,
2468.myaccount.invoice .content .shoppingcart_total,
2469.myaccount.invoice .content .product_item {
2470 color:black;
2471}
2472
2473/* Change Password Form ***************************************************** */
2474.myaccount .change_password {
2475 overflow: hidden;
2476 padding: 0px 20px 100px 20px;
2477 margin-top: 10px;
2478}
2479
2480.myaccount .change_password .success_message,
2481.myaccount .change_password .error_message {
2482 margin: 0px 0px 10px 0px;
2483}
2484
2485.myaccount .change_password .form_view {
2486 width: 50%;
2487 margin: auto auto;
2488}
2489
2490.myaccount .change_password .form_view .form_row {
2491 padding-bottom: 10px;
2492}
2493
2494.myaccount .change_password .form_view .form_descr {
2495 width: 35%;
2496}
2497
2498.myaccount .change_password .form_view .form_field {
2499 width: 50%;
2500 margin-left: 35%;
2501}
2502
2503.myaccount .change_password .input_submit {
2504 display: block;
2505 margin: auto auto;
2506 margin-top: 10px;
2507}
2508
2509/* Personal Information Form ************************************************ */
2510.myaccount .personalinfo_form {
2511 overflow: hidden;
2512 padding: 0px 20px 10px 20px;
2513 margin-top: 10px;
2514}
2515
2516.myaccount .personalinfo_form .form_view .subheader {
2517 margin-left: 0px;
2518 margin-bottom: 10px;
2519 margin-right: 90px;
2520}
2521
2522.myaccount .personalinfo_form .success_message,
2523.myaccount .personalinfo_form .error_message {
2524 margin: 0px 0px 10px 0px;
2525}
2526
2527.myaccount .personalinfo_form .form_view {
2528 width: 50%;
2529 margin: auto auto;
2530}
2531
2532.myaccount .personalinfo_form .form_view .form_row {
2533 padding-bottom: 10px;
2534}
2535
2536.myaccount .personalinfo_form .form_view .form_descr {
2537 width: 35%;
2538}
2539
2540.myaccount .personalinfo_form .form_view .form_field {
2541 width: 50%;
2542 margin-left: 35%;
2543}
2544
2545.myaccount .personalinfo_form .input_submit {
2546 display: block;
2547 margin: auto auto;
2548 margin-top: 10px;
2549}
2550
2551/* Order Download Link List ************************************************* */
2552.myaccount .product_download_links .header.link_list {
2553 background-color: #eaf1f7;
2554 color: #004a7f;
2555 font-weight: bold;
2556 font-size: 8pt;
2557 padding-left: 0px;
2558 padding-right: 0px;
2559}
2560
2561.myaccount .product_download_links .header .attribute,
2562.myaccount .product_download_links .header .value {
2563 padding: 1px 0px 0px 20px;
2564}
2565
2566.myaccount .product_download_links .attribute,
2567.myaccount .product_download_links .value {
2568 padding: 4px 0px 4px 20px;
2569 float: left;
2570 width: 16%;
2571 text-align: left;
2572}
2573
2574.myaccount .product_download_links .value {
2575 width: 75%;
2576}
2577
2578.myaccount .product_download_links .link_list {
2579 overflow: hidden;
2580 clear: both;
2581}
2582
2583
2584.myaccount .activation_message {
2585 padding: 50px 50px 100px 50px;
2586}
2587
2588/* Download Prompt Page ***************************************************** */
2589.download_prompt {
2590 padding: 110px 20px 110px 20px;
2591 text-align: center;
2592}
2593
2594.accout_remember_me_option {
2595 font-size: 8pt;
2596}
2597
2598.subscribe_form {
2599 padding: 15px 15px 0px 15px;
2600}
2601
2602.subscribe_form h2 {
2603 padding: 0px 0px 5px 0px;
2604 margin: 0px 0px 5px 0px;
2605 background-color: white;
2606 font-size: 10pt;
2607 color: #428231;
2608 text-transform: uppercase;
2609 font-family: Arial;
2610 font-weight: bold;
2611 border-bottom: 1px solid #d8e4ef;
2612}
2613
2614
2615.subscribe_form .success_message,
2616.subscribe_form .error_message {
2617 padding: 5px;
2618 margin: 0px 0px 10px 0px;
2619}
2620
2621.subscribe_form .form_view {
2622 padding: 10px 0px 5px 15px;
2623}
2624
2625.subscribe_form .form_view .input_checkbox {
2626 vertical-align: top;
2627}
2628
2629.subscribe_form .input_text {
2630 display:block;
2631 margin: auto auto;
2632 width: 95%;
2633}
2634
2635.right_column .subscribe_form .input_submit,
2636.left_column .subscribe_form .input_submit {
2637 display:block;
2638 margin: auto auto;
2639 margin-top: 5px;
2640}
2641
2642.center_column .subscribe_form .input_submit {
2643 margin-top: 5px;
2644 display: block;
2645}
2646
2647.center_column .subscribe_form {
2648 padding: 20px 20px 20px 20px;
2649}
2650
2651.myaccount .subscribe_form .input_text {
2652 display: inline;
2653 margin: 0px;
2654 width: 20%;
2655}
2656
2657.myaccount .subscribe_form .current_email {
2658 width: 30%;
2659 float: left;
2660 padding-top: 10px;
2661 padding-bottom: 30px;
2662 padding-left: 20px;
2663}
2664
2665.myaccount .subscribe_form_buttons {
2666 overflow: hidden;
2667 margin: 20px 20px 20px 20px;
2668 padding-top: 20px;
2669 border-top: 1px solid #CCD9E6;
2670}
2671
2672.myaccount .subscribe_form_buttons .button_back {
2673 float: left;
2674}
2675
2676.myaccount .no_subscribed_emails {
2677 width: 33%;
2678 float: left;
2679 padding-top: 10px;
2680 padding-bottom: 30px;
2681 padding-left: 20px;
2682 font-weight: bold;
2683}
2684
2685.myaccount .subscribe_form .new_email {
2686 padding-top: 10px;
2687 padding-left: 20px;
2688}
2689
2690.subscribe_form .already_subscribed {
2691 padding-top: 10px;
2692}
2693
2694.box.shipping_calculator .content {
2695 overflow: hidden;
2696}
2697
2698.box.shipping_calculator .form_descr {
2699 width: 70%;
2700}
2701
2702.box.shipping_calculator .form_field {
2703 margin-left:70%;
2704 width: 30%;
2705}
2706
2707.box.shipping_calculator .ship_to_address .form_descr,
2708.box.shipping_calculator .dest_address_form .form_descr {
2709 width: 30%;
2710}
2711
2712.box.shipping_calculator .ship_to_address .form_field,
2713.box.shipping_calculator .dest_address_form .form_field {
2714 margin-left:30%;
2715 width: 70%;
2716}
2717
2718.box.shipping_calculator .ship_to_address,
2719.box.shipping_calculator .chosen_method,
2720.box.shipping_calculator .shipping_method_form,
2721.box.shipping_calculator .dest_address_form {
2722 padding: 20px;
2723 width: 45%;
2724}
2725
2726.box.shipping_calculator .dest_address_form,
2727.box.shipping_calculator .ship_to_address {
2728 float: left;
2729 clear: left;
2730}
2731
2732.box.shipping_calculator .shipping_method_form,
2733.box.shipping_calculator .chosen_method {
2734 float: right;
2735 clear: right;
2736}
2737
2738.box.shipping_calculator h3 {
2739 background-color:white;
2740 border-bottom:1px solid #D8E4EF;
2741 color:#428231;
2742 font-family:Arial;
2743 font-size:10pt;
2744 font-weight:bold;
2745 margin: 0px 0px 5px 0px;
2746 padding: 0px;
2747}
2748
2749.page_container .box.subcategories .content {
2750 padding-bottom: 0px;
2751}
2752
2753.page_container .subcategory_list {
2754 overflow: hidden;
2755 padding: 15px 15px 0px 15px;
2756}
2757
2758.page_container .subcategory_list .subcategory_item {
2759 overflow: hidden;
2760 padding-bottom: 30px;
2761 float: left;
2762 width: 33%;
2763 text-align: center;
2764 height: 145px;
2765}
2766
2767.page_container .subcategory_item .subcategory_img {
2768}
2769
2770.page_container .subcategory_item .subcategory_name {
2771 padding-top: 5px;
2772}
2773
2774.right_column .subcategory_list .subcategory_item {
2775 float: none;
2776 width: 100%;
2777}
2778
2779
2780.product_type_filter .input_submit {
2781display:block;
2782margin:10px auto auto;
2783}
2784/**
2785 * This <div> element is wrapped by jCarousel around the list
2786 * and has the classname "jcarousel-container".
2787 */
2788.jcarousel-container {
2789 position: relative;
2790}
2791
2792.jcarousel-clip {
2793 z-index: 2;
2794 padding: 0;
2795 margin: 0;
2796 overflow: hidden;
2797 position: relative;
2798}
2799
2800.jcarousel-list {
2801 z-index: 1;
2802 overflow: hidden;
2803 position: relative;
2804 top: 0;
2805 left: 0;
2806 margin: 0;
2807 padding: 0;
2808}
2809
2810.jcarousel-list li,
2811.jcarousel-item {
2812 float: left;
2813 list-style: none;
2814 /* We set the width/height explicitly. No width/height causes infinite loops. */
2815 width: 75px;
2816 height: 75px;
2817}
2818
2819/**
2820 * The buttons are added dynamically by jCarousel before
2821 * the <ul> list (inside the <div> described above) and
2822 * have the classnames "jcarousel-next" and "jcarousel-prev".
2823 */
2824.jcarousel-next {
2825 z-index: 3;
2826 display: none;
2827}
2828
2829.jcarousel-prev {
2830 z-index: 3;
2831 display: none;
2832}
2833
2834.jcarousel-skin-tango .jcarousel-container {
2835 background: #FFFFFF;
2836}
2837
2838.jcarousel-skin-tango .jcarousel-container-horizontal {
2839 width: 480px;
2840 padding: 20px 40px;
2841}
2842
2843.jcarousel-skin-tango .jcarousel-container-vertical {
2844 width: 75px;
2845 height: 245px;
2846 padding: 40px 20px;
2847}
2848
2849.jcarousel-skin-tango .jcarousel-clip-horizontal {
2850 width: 480px;
2851 height: 275px;
2852}
2853
2854.jcarousel-skin-tango .jcarousel-clip-vertical {
2855 width: 75px;
2856 height: 245px;
2857}
2858
2859.jcarousel-skin-tango .jcarousel-item {
2860 width: 160px;
2861 height: 275px;
2862}
2863
2864.jcarousel-skin-tango .jcarousel-item .product_item {
2865 width: 100%;
2866}
2867
2868.jcarousel-skin-tango .jcarousel-item-horizontal {
2869 margin-right: 10px;
2870}
2871
2872.jcarousel-skin-tango .jcarousel-item-vertical {
2873 margin-bottom: 10px;
2874}
2875
2876.jcarousel-skin-tango .jcarousel-item-placeholder {
2877 background: #fff;
2878 color: #000;
2879}
2880
2881/**
2882 * Horizontal Buttons
2883 */
2884.jcarousel-skin-tango .jcarousel-next-horizontal {
2885 position: absolute;
2886 top: 143px;
2887 right: 5px;
2888 width: 32px;
2889 height: 32px;
2890 cursor: pointer;
2891 background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
2892}
2893
2894.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
2895 background-position: -32px 0;
2896}
2897
2898.jcarousel-skin-tango .jcarousel-next-horizontal:active {
2899 background-position: -64px 0;
2900}
2901
2902.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
2903.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
2904.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
2905 cursor: default;
2906 background-position: -96px 0;
2907}
2908
2909.jcarousel-skin-tango .jcarousel-prev-horizontal {
2910 position: absolute;
2911 top: 143px;
2912 left: 5px;
2913 width: 32px;
2914 height: 32px;
2915 cursor: pointer;
2916 background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
2917}
2918
2919.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
2920 background-position: -32px 0;
2921}
2922
2923.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
2924 background-position: -64px 0;
2925}
2926
2927.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
2928.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
2929.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
2930 cursor: default;
2931 background-position: -96px 0;
2932}
2933
2934/**
2935 * Vertical Buttons
2936 */
2937.jcarousel-skin-tango .jcarousel-next-vertical {
2938 position: absolute;
2939 bottom: 5px;
2940 left: 43px;
2941 width: 32px;
2942 height: 32px;
2943 cursor: pointer;
2944 background: transparent url(../images/next-vertical.png) no-repeat 0 0;
2945}
2946
2947.jcarousel-skin-tango .jcarousel-next-vertical:hover {
2948 background-position: 0 -32px;
2949}
2950
2951.jcarousel-skin-tango .jcarousel-next-vertical:active {
2952 background-position: 0 -64px;
2953}
2954
2955.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
2956.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
2957.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
2958 cursor: default;
2959 background-position: 0 -96px;
2960}
2961
2962.jcarousel-skin-tango .jcarousel-prev-vertical {
2963 position: absolute;
2964 top: 5px;
2965 left: 43px;
2966 width: 32px;
2967 height: 32px;
2968 cursor: pointer;
2969 background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
2970}
2971
2972.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
2973 background-position: 0 -32px;
2974}
2975
2976.jcarousel-skin-tango .jcarousel-prev-vertical:active {
2977 background-position: 0 -64px;
2978}
2979
2980.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
2981.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
2982.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
2983 cursor: default;
2984 background-position: 0 -96px;
2985}
2986
2987/*******************************************************************************
2988 * Tree container
2989 */
2990div.ui-dynatree-container
2991{
2992 font-family: Verdana, Sans-serif;
2993 font-size: 10pt; /* font size should not be too big */
2994 color: #5B7F9F;
2995 font-weight: 400;
2996 font-style: normal;
2997 white-space: nowrap;
2998 padding: 3px;
2999
3000 background-color: white;
3001}
3002
3003/* Style, when control is disabled */
3004.ui-dynatree-disabled div.ui-dynatree-container
3005{
3006 opacity: 0.5;
3007/* filter: alpha(opacity=50); /* Yields a css warning */
3008 background-color: silver;
3009}
3010
3011
3012/*******************************************************************************
3013 * Vertical line image
3014 */
3015div.ui-dynatree-container img
3016{
3017 width: 16px;
3018 height: 16px;
3019 margin-left: 3px;
3020 vertical-align: top;
3021 border-style: none;
3022}
3023
3024/*******************************************************************************
3025 * Common icon definitions
3026 */
3027span.ui-dynatree-empty,
3028span.ui-dynatree-vline,
3029span.ui-dynatree-connector,
3030span.ui-dynatree-expander,
3031span.ui-dynatree-icon,
3032span.ui-dynatree-checkbox,
3033span.ui-dynatree-radio
3034{
3035 width: 12px;
3036 height: 16px;
3037 display: -moz-inline-box; /* @ FF 1+2 */
3038 display: inline-block; /* Required to make a span sizeable */
3039 vertical-align: top;
3040 background-repeat: no-repeat;
3041 background-position: left;
3042}
3043
3044/*******************************************************************************
3045 * Lines and connectors
3046 */
3047span.ui-dynatree-empty
3048{
3049}
3050
3051/*******************************************************************************
3052 * Expander icon
3053 * Note: IE6 doesn't correctly evaluate multiples class names,
3054 * so we create combined class names that can be used in the CSS.
3055 *
3056 * Prefix: ui-dynatree-exp-
3057 * 1st character: 'e': expanded, 'c': collapsed
3058 * 2nd character (optional): 'd': lazy (Delayed)
3059 * 3rd character (optional): 'l': Last sibling
3060 */
3061
3062span.ui-dynatree-expander
3063{
3064 background-image: url("ltP_nes.gif");
3065 cursor: pointer;
3066}
3067.ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */
3068{
3069 background-image: url("ltP_ne.gif");
3070}
3071.ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */
3072{
3073 background-image: url("ltD_nes.gif");
3074}
3075.ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */
3076{
3077 background-image: url("ltD_ne.gif");
3078}
3079.ui-dynatree-exp-e span.ui-dynatree-expander, /* Expanded, not delayed, not last sibling */
3080.ui-dynatree-exp-ed span.ui-dynatree-expander, /* Expanded, delayed, not last sibling */
3081.ui-dynatree-exp-el span.ui-dynatree-expander, /* Expanded, not delayed, last sibling */
3082.ui-dynatree-exp-edl span.ui-dynatree-expander /* Expanded, delayed, last sibling */
3083{
3084 background-image: url("ltM_ne.gif");
3085}
3086
3087
3088/*******************************************************************************
3089 * Checkbox icon
3090 */
3091span.ui-dynatree-checkbox
3092{
3093 margin-left: 3px;
3094 background-image: url("cbUnchecked.gif");
3095}
3096span.ui-dynatree-checkbox:hover
3097{
3098 background-image: url("cbUnchecked_hover.gif");
3099}
3100
3101.ui-dynatree-partsel span.ui-dynatree-checkbox
3102{
3103 background-image: url("cbIntermediate.gif");
3104}
3105.ui-dynatree-partsel span.ui-dynatree-checkbox:hover
3106{
3107 background-image: url("cbIntermediate_hover.gif");
3108}
3109
3110.ui-dynatree-selected span.ui-dynatree-checkbox
3111{
3112 background-image: url("cbChecked.gif");
3113}
3114.ui-dynatree-selected span.ui-dynatree-checkbox:hover
3115{
3116 background-image: url("cbChecked_hover.gif");
3117}
3118
3119/*******************************************************************************
3120 * Radiobutton icon
3121 * This is a customization, that may be activated by overriding the 'checkbox'
3122 * class name as 'ui-dynatree-radio' in the tree options.
3123 */
3124span.ui-dynatree-radio
3125{
3126 margin-left: 3px;
3127 background-image: url("rbUnchecked.gif");
3128}
3129span.ui-dynatree-radio:hover
3130{
3131 background-image: url("rbUnchecked_hover.gif");
3132}
3133
3134.ui-dynatree-partsel span.ui-dynatree-radio
3135{
3136 background-image: url("rbIntermediate.gif");
3137}
3138.ui-dynatree-partsel span.ui-dynatree-radio:hover
3139{
3140 background-image: url("rbIntermediate_hover.gif");
3141}
3142
3143.ui-dynatree-selected span.ui-dynatree-radio
3144{
3145 background-image: url("rbChecked.gif");
3146}
3147.ui-dynatree-selected span.ui-dynatree-radio:hover
3148{
3149 background-image: url("rbChecked_hover.gif");
3150}
3151
3152/*******************************************************************************
3153 * Node type icon
3154 * Note: IE6 doesn't correctly evaluate multiples class names,
3155 * so we create combined class names that can be used in the CSS.
3156 *
3157 * Prefix: ui-dynatree-ico-
3158 * 1st character: 'e': expanded, 'c': collapsed
3159 * 2nd character (optional): 'f': folder
3160 */
3161
3162span.ui-dynatree-icon /* Default icon */
3163{
3164 margin-left: 3px;
3165 background-image: url("ltDoc.gif");
3166}
3167
3168.ui-dynatree-ico-cf span.ui-dynatree-icon /* Collapsed Folder */
3169{
3170 background-image: url("ltFld.gif");
3171}
3172
3173.ui-dynatree-ico-ef span.ui-dynatree-icon /* Expanded Folder */
3174{
3175 background-image: url("ltFld_o.gif");
3176}
3177
3178/* Status node icons */
3179
3180.ui-dynatree-statusnode-wait span.ui-dynatree-icon
3181{
3182 background-image: url("ltWait.gif");
3183}
3184
3185.ui-dynatree-statusnode-error span.ui-dynatree-icon
3186{
3187 background-image: url("ltError.gif");
3188}
3189
3190/*******************************************************************************
3191 * Node titles
3192 */
3193
3194/* Remove blue color and underline from title links */
3195div.ui-dynatree-container a
3196/*, div.ui-dynatree-container a:visited*/
3197{
3198 font-family: Verdana, Sans-serif;
3199 font-size: 10pt; /* font size should not be too big */
3200 color: #5B7F9F;
3201 font-weight: 400;
3202 font-style: normal;
3203 text-decoration: none;
3204 vertical-align: top;
3205 margin: 0px;
3206 margin-left: 0px;
3207/* outline: 0; /* @ Firefox, prevent dotted border after click */
3208}
3209
3210div.ui-dynatree-container a:hover
3211{
3212 text-decoration: underline;
3213}
3214
3215span.ui-dynatree-document a,
3216span.ui-dynatree-folder a
3217{
3218 display: inline-block; /* Better alignment, when title contains <br> */
3219/* vertical-align: top;*/
3220 padding-left: 3px;
3221 padding-right: 3px; /* Otherwise italic font will be outside bounds */
3222 /* line-height: 16px; /* should be the same as img height, in case 16 px */
3223}
3224span.ui-dynatree-folder a
3225{
3226 font-weight: bold;
3227}
3228
3229div.ui-dynatree-container a:focus,
3230span.ui-dynatree-focused a:link /* @IE */
3231{
3232 background-color: #EFEBDE; /* gray */
3233}
3234
3235
3236span.ui-dynatree-has-children a
3237{
3238}
3239
3240span.ui-dynatree-expanded a
3241{
3242/* color: #FF8400;
3243 font-weight: bold; */
3244}
3245
3246span.ui-dynatree-selected a
3247{
3248 color: green;
3249 font-style: italic;
3250}
3251
3252span.ui-dynatree-active a
3253{
3254 background-color: #3169C6 !important;
3255 color: white !important; /* @ IE6 */
3256}
3257
3258/*******************************************************************************
3259 * Custom node classes (sample)
3260 */
3261
3262span.item_selected {
3263 color: #ff8400;
3264 font-weight: bold;
3265}
3266
</link>
<link type="text/css" rel="stylesheet" href="http://demo.avactis.com/1.9.1/avactis-themes/avactis.1.9.1.theme.green/../demo.css">
</link>
</head>
<body>
<div class="skin_select">
</div>
<div class="page_background">
</div>
<div style="display: none;">
</div>
<script src="http://demo.avactis.com/1.9.1/avactis-themes/avactis.1.9.1.theme.green/js/js.combined.df139d239c26dcc0401b7630f7d4cec9.js" type="text/javascript">
</script>
<script type="text/javascript">
</script>
<div id="tu_overlay" style="display: none;" onclick="TopUp.overlayClose()"></div>
<div id="top_up" class="te_top_up" style="display: none;">
</div>
<div id="temp_up" class="te_top_up te_transparent">
</div>
<table id="tu_center_wrapper" style="display: none;">
</table>
<div id="tu_loader" style="display: none;"></div>
</body>
</html>
[dir="rtl"] {
direction:rtl;
unicode-bidi:embed;
}
[dir="ltr"] {
direction:ltr;
unicode-bidi:embed;
}
bdo[dir] {
unicode-bidi:bidi-override;
}
address, blockquote, body, caption, center, col, colgroup, dd, dir, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, isindex, li, listing, map, marquee, menu, noframes, ol, p, plaintext, pre, table, tbody, td, tfoot, th, thead, tr, ul, xmp {
unicode-bidi:embed;
}
html, div, map, dt, isindex, form {
display:block;
}
body {
display:block;
margin:8px;
}
p, dl, multicol {
display:block;
margin:1em 0;
}
dd {
-moz-margin-start:40px;
display:block;
}
blockquote {
display:block;
margin:1em 40px;
}
address {
display:block;
font-style:italic;
}
center {
display:block;
text-align:-moz-center;
}
blockquote[type="cite"] {
-moz-border-start:medium solid;
-moz-padding-start:1em;
border-color:blue;
border-width:thin;
display:block;
margin:1em 0;
}
span[_moz_quote="true"] {
color:blue;
}
pre[_moz_quote="true"] {
color:blue;
}
h1 {
display:block;
font-size:2em;
font-weight:bold;
margin:0.67em 0;
}
h2 {
display:block;
font-size:1.5em;
font-weight:bold;
margin:0.83em 0;
}
h3 {
display:block;
font-size:1.17em;
font-weight:bold;
margin:1em 0;
}
h4 {
display:block;
font-weight:bold;
margin:1.33em 0;
}
h5 {
display:block;
font-size:0.83em;
font-weight:bold;
margin:1.67em 0;
}
h6 {
display:block;
font-size:0.67em;
font-weight:bold;
margin:2.33em 0;
}
listing {
display:block;
font-family:-moz-fixed;
font-size:medium;
margin:1em 0;
white-space:pre;
}
xmp, pre, plaintext {
display:block;
font-family:-moz-fixed;
margin:1em 0;
white-space:pre;
}
table {
-moz-box-sizing:border-box;
border-collapse:separate;
border-spacing:2px;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
}
table[align="left"] {
float:left;
}
table[align="right"] {
float:right;
text-align:start;
}
table[rules]:not([rules="none"]) {
border-collapse:collapse;
}
caption {
-moz-box-sizing:border-box;
display:table-caption;
text-align:center;
}
table[align="center"] > caption {
margin-left:auto;
margin-right:auto;
}
table[align="center"] > caption[align="left"] {
margin-right:0;
}
table[align="center"] > caption[align="right"] {
margin-left:0;
}
tr {
display:table-row;
vertical-align:inherit;
}
col {
display:table-column;
}
colgroup {
display:table-column-group;
}
tbody {
display:table-row-group;
vertical-align:middle;
}
thead {
display:table-header-group;
vertical-align:middle;
}
tfoot {
display:table-footer-group;
vertical-align:middle;
}
table > tr {
vertical-align:middle;
}
td {
display:table-cell;
padding:1px;
text-align:inherit;
vertical-align:inherit;
}
th {
display:table-cell;
font-weight:bold;
padding:1px;
vertical-align:inherit;
}
tr > form:-moz-is-html, tbody > form:-moz-is-html, thead > form:-moz-is-html, tfoot > form:-moz-is-html, table > form:-moz-is-html {
display:none !important;
}
q:before {
content:open-quote;
}
q:after {
content:close-quote;
}
b, strong {
font-weight:bolder;
}
i, cite, em, var, dfn {
font-style:italic;
}
tt, code, kbd, samp {
font-family:-moz-fixed;
}
u, ins {
text-decoration:underline;
}
s, strike, del {
text-decoration:line-through;
}
blink {
text-decoration:blink;
}
big {
font-size:larger;
}
small {
font-size:smaller;
}
sub {
font-size:smaller;
line-height:normal;
vertical-align:sub;
}
sup {
font-size:smaller;
line-height:normal;
vertical-align:super;
}
nobr {
white-space:nowrap;
}
abbr[title], acronym[title] {
border-bottom:1px dotted;
}
ul, menu, dir {
-moz-padding-start:40px;
display:block;
list-style-type:disc;
margin:1em 0;
}
ol {
-moz-padding-start:40px;
display:block;
list-style-type:decimal;
margin:1em 0;
}
li {
display:list-item;
}
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
margin-bottom:0;
margin-top:0;
}
ol ul, ul ul, menu ul, dir ul, ol menu, ul menu, menu menu, dir menu, ol dir, ul dir, menu dir, dir dir {
list-style-type:circle;
}
ol ol ul, ol ul ul, ol menu ul, ol dir ul, ol ol menu, ol ul menu, ol menu menu, ol dir menu, ol ol dir, ol ul dir, ol menu dir, ol dir dir, ul ol ul, ul ul ul, ul menu ul, ul dir ul, ul ol menu, ul ul menu, ul menu menu, ul dir menu, ul ol dir, ul ul dir, ul menu dir, ul dir dir, menu ol ul, menu ul ul, menu menu ul, menu dir ul, menu ol menu, menu ul menu, menu menu menu, menu dir menu, menu ol dir, menu ul dir, menu menu dir, menu dir dir, dir ol ul, dir ul ul, dir menu ul, dir dir ul, dir ol menu, dir ul menu, dir menu menu, dir dir menu, dir ol dir, dir ul dir, dir menu dir, dir dir dir {
list-style-type:square;
}
hr {
-moz-box-sizing:border-box;
-moz-float-edge:margin-box;
border:1px inset;
color:gray;
display:block;
height:2px;
margin:0.5em auto;
}
hr[size="1"] {
border-style:solid none none;
}
*|*:-moz-any-link img, img[usemap], object[usemap] {
border:2px solid;
}
img:-moz-broken:before, input:-moz-broken:before, img:-moz-user-disabled:before, input:-moz-user-disabled:before, img:-moz-loading:before, input:-moz-loading:before, applet:-moz-empty-except-children-with-localname(param):-moz-broken:before, applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled:before {
content:-moz-alt-content !important;
unicode-bidi:embed;
}
object:-moz-broken > *|*, applet:-moz-broken > *|* object:-moz-user-disabled > *|*, applet:-moz-user-disabled > *|* {
vertical-align:inherit;
}
img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed, embed:-moz-suppressed, applet:-moz-suppressed {
display:none !important;
visibility:hidden !important;
}
img[usemap], object[usemap] {
color:blue;
}
frameset {
border:medium none !important;
display:block !important;
float:none !important;
overflow:-moz-hidden-unscrollable;
position:static !important;
}
frame {
border:medium none !important;
}
iframe {
border:2px inset;
}
noframes {
display:none;
}
spacer {
float:none !important;
position:static !important;
}
canvas {
-moz-user-select:none;
}
abbr:focus, acronym:focus, address:focus, b:focus, base:focus, big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus, center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus, del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus, fieldset:focus, font:focus, form:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus, kbd:focus, label:focus, legend:focus, li:focus, link:focus, menu:focus, ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus, small:focus, span:focus, strike:focus, strong:focus, sub:focus, sup:focus, table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus, tr:focus, tt:focus, u:focus, ul:focus, var:focus {
outline:1px dotted;
}
area, base, basefont, head, meta, script, style, title, noembed, param {
display:none;
}
video > xul|videocontrols, audio > xul|videocontrols {
-moz-binding:url("chrome://global/content/bindings/videocontrols.xml#videoControls");
-moz-box-orient:vertical;
display:-moz-box;
}
video:not([controls]) > xul|videocontrols, audio:not([controls]) > xul|videocontrols {
visibility:hidden;
}
audio:not([controls]) {
display:none;
}
marquee {
-moz-binding:url("chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal");
display:inline-block;
text-align:start;
vertical-align:text-bottom;
width:-moz-available;
}
marquee[direction="up"], marquee[direction="down"] {
-moz-binding:url("chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical");
height:200px;
}
marquee {
-moz-binding:none;
}
